const autoprefixer = require("autoprefixer");
const pxtorem = require("postcss-pxtorem");

const Timestamp = new Date().getTime();

module.exports = {
  baseUrl: "/",
  outputDir: process.env.outputDir, // 打包的目录
  assetsDir: "assets",
  // publicPath: "/",
  lintOnSave: false, // 在保存时校验格式
  productionSourceMap: false, // 生产环境是否生成 SourceMap
  runtimeCompiler: true,
  devServer: {
    open: true, // 启动服务后是否打开浏览器
    host: "0.0.0.0",
    port: 8080, // 服务端口
    https: false,
    hotOnly: false,
    proxy: null, // 设置代理
    before: app => {}
  },
  // configureWebpack: {
  //   // webpack 配置
  //   output: {
  //     // 输出重构  打包编译后的 文件名称  【模块名称.版本号.时间戳】
  //     filename: `[name].${Timestamp}.js`,
  //     chunkFilename: `[name].${Timestamp}.js`
  //   }
  // },
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          autoprefixer(),
          pxtorem({
            rootValue: 36,
            propList: ["*"]
          })
        ]
      }
    }
  }
};
